<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="style.css">
    <link rel="stylesheet" href="animation.css">
    <script src="../../jquery.js"></script>
    <script src="../../jquery-mobile.js"></script>
    <script src="../../jquery-easing.js"></script>
    <script src="js.js"></script>
    <script src="content.js"></script>
    <title>走进银华</title>
</head>
<body>
<div id="container">
    <!--<img class="background" src="resource/bg.jpg">-->
    <div id="btnMusic">
        <img id="imgMusic" src="resource/music.png">
        <audio id="music" src="resource/music.mp3" loop autoplay></audio>
    </div>

    <svg id="tip" viewBox="0 0 100 50" stroke="white">
        <polyline points="0 46 50 4 100 46" stroke-width="8" fill="transparent"></polyline>
    </svg>

    <div id="pageContainer">
        <div id="page_1" class="page">
            <img src="resource/logo.jpg">
            <p class="title"></p>
            <p class="content"></p>
        </div>
        <div id="page_2" class="page">2</div>
        <div id="page_3" class="page">3</div>
    </div>
</div>
<div id="containerButton">
    <button id="btnPre">上一页</button>
    <button id="btnNext">下一页</button>
</div>

</body>
</html>